<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<link rel="stylesheet" href="css/nav.css" />

		<link rel="stylesheet" href="css/FreeClasses.css" />
		<link rel="stylesheet" href="css/footer.css" />
		<link rel="stylesheet" href="css/tixi.css" />
		<link rel="stylesheet" href="css/login.css" />
		<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
		<script src="js/mianfeike.js"></script>
		<script src="js/ip.js"></script>
		<title>课程展示页面</title>
	</head>

	<body>
		<div id="loginPopup" class="popup-overlay">
			<div class="popup-content">
				<div class="container">
					<div class="tit">登录</div>
					<input type="text" id="po" placeholder="账号" />
					<input type="password" id="pw" placeholder="密码">
					<button id="login">登录</button>
					<span class="go-register">没有账号？去注册</span>
					<span class="close-popup" data-dismiss="login">×</span> <!-- 关闭按钮 -->
				</div>
			</div>
		</div>
		<div id="registerPopup" class="popup-overlay">
			<div class="popup-content">
				<div class="container">
					<div class="tit">注册</div>
					<input type="text" placeholder="用户名" id="reg_username" />
					<input type="text" placeholder="手机号" id="reg_phone" />
					<input type="password" placeholder="设置密码" id="reg_password">
					<input type="password" placeholder="确认密码" id="reg_confirm_password">
					<button id="register">注册</button>
					<span class="go-login">已有账号？去登录</span>
					<span class="close-popup" data-dismiss="register">×</span> <!-- 关闭按钮 -->
				</div>
			</div>
		</div>




		<nav class="nav">



			<div class="ndiv">
				<ul>
					<a href="index.html" class="logo">
						<img src="img/ZXlogo.png" alt="">
						卓越在线首页
					</a>
				</ul>
				<ul>
					<li><a href="FreeClasses.html" class="fcolor">免费课</a></li>
					<li><a href="PracticalClasses.html" class="fcolor">实战课</a></li>
					<li><a href="SystematicCourses.html" class="fcolor">体系课</a></li>

					<li class="shangyehezuo">商业合作
						<div class="syhz">
							<p><a href="enterpriseServices.html">企业服务</a></p>
							<p><a href="teacherSettled.html">讲师入住</a></p>
						</div>
					</li>
					<li><a href="teacherlogin.html">教师系统</a></li>
				</ul>
				<ul class="rig">
					<input type="text" placeholder="请输入关键字">
					<button class="search">🔎搜索</button>
					<a href="shoppingcart.html">
						<img src="img/购物车.png" alt="" class="gwc">
					</a>

					<span>登录</span>&nbsp;<span>注册</span>
					<span class="dlxx">
						<a href="" class="xxtz"><img src="img/XXTZ.png" alt="" /></a>
						<a href="personalhomepage.html" class="grzy">
							<img src="img/SZK.png" alt="" />
						</a>
						<span id="tcdl">退出</span>
					</span>
				</ul>
			</div>
			</div>
		</nav>

		<div class="tixi">


		</div>


		<section class="TXkc">
			<ul>
				<li class="course-item">
					<a href="#">
						<span class="new-label">NEW</span>
						<img src="img/diushi.jpeg" alt="课程相关图片" class="top-image">
						<div class="description">
							<div class="description-content">
								<p>LLM领军专家团 - 直播授课，16大真实项目 + 多业务场景 + 跨领域技术融合全流程实战，轻松应对...</p>
							</div>
						</div>
						<div class="price-row">
							<p class="price">￥3999.00<span class="original-price">￥4999.00</span> </p>
							<button class="buy-now">立即购买</button>
						</div>
					</a>
				</li>
				<li class="course-item">
					<a href="#">
						<span class="new-label">NEW</span>
						<img src="img/diushi.jpeg" alt="课程相关图片" class="top-image">
						<div class="description">
							<div class="description-content">
								<p>LLM领军专家团 - 直播授课，16大真实项目 + 多业务场景 + 跨领域技术融合全流程实战，轻松应对...</p>
							</div>
						</div>
						<div class="price-row">
							<p class="price">￥3999.00<span class="original-price">￥4999.00</span> </p>
							<button class="buy-now">立即购买</button>
						</div>
					</a>
				</li>
				<li class="course-item">
					<a href="#">
						<span class="new-label">NEW</span>
						<img src="img/diushi.jpeg" alt="课程相关图片" class="top-image">
						<div class="description">
							<div class="description-content">
								<p>LLM领军专家团 - 直播授课，16大真实项目 + 多业务场景 + 跨领域技术融合全流程实战，轻松应对...</p>
							</div>
						</div>
						<div class="price-row">
							<p class="price">￥3999.00<span class="original-price">￥4999.00</span> </p>
							<button class="buy-now">立即购买</button>
						</div>
					</a>
				</li>
				<li class="course-item">
					<a href="#">
						<span class="new-label">NEW</span>
						<img src="img/diushi.jpeg" alt="课程相关图片" class="top-image">
						<div class="description">
							<div class="description-content">
								<p>LLM领军专家团 - 直播授课，16大真实项目 + 多业务场景 + 跨领域技术融合全流程实战，轻松应对...</p>
							</div>
						</div>
						<div class="price-row">
							<p class="price">￥3999.00<span class="original-price">￥4999.00</span> </p>
							<button class="buy-now">立即购买</button>
						</div>
					</a>
				</li>
				<li class="course-item">
					<a href="#">
						<span class="new-label">NEW</span>
						<img src="img/diushi.jpeg" alt="课程相关图片" class="top-image">
						<div class="description">
							<div class="description-content">
								<p>LLM领军专家团 - 直播授课，16大真实项目 + 多业务场景 + 跨领域技术融合全流程实战，轻松应对...</p>
							</div>
						</div>
						<div class="price-row">
							<p class="price">￥3999.00<span class="original-price">￥4999.00</span> </p>
							<button class="buy-now">立即购买</button>
						</div>
					</a>
				</li>
				<li class="course-item">
					<a href="#">
						<span class="new-label">NEW</span>
						<img src="img/diushi.jpeg" alt="课程相关图片" class="top-image">
						<div class="description">
							<div class="description-content">
								<p>LLM领军专家团 - 直播授课，16大真实项目 + 多业务场景 + 跨领域技术融合全流程实战，轻松应对...</p>
							</div>
						</div>
						<div class="price-row">
							<p class="price">￥3999.00<span class="original-price">￥4999.00</span> </p>
							<button class="buy-now">立即购买</button>
						</div>
					</a>
				</li>
				<li class="course-item">
					<a href="#">
						<span class="new-label">NEW</span>
						<img src="img/diushi.jpeg" alt="课程相关图片" class="top-image">
						<div class="description">
							<div class="description-content">
								<p>LLM领军专家团 - 直播授课，16大真实项目 + 多业务场景 + 跨领域技术融合全流程实战，轻松应对...</p>
							</div>
						</div>
						<div class="price-row">
							<p class="price">￥3999.00<span class="original-price">￥4999.00</span> </p>
							<button class="buy-now">立即购买</button>
						</div>
					</a>
				</li>
				<li class="course-item">
					<a href="#">
						<span class="new-label">NEW</span>
						<img src="img/diushi.jpeg" alt="课程相关图片" class="top-image">
						<div class="description">
							<div class="description-content">
								<p>LLM领军专家团 - 直播授课，16大真实项目 + 多业务场景 + 跨领域技术融合全流程实战，轻松应对...</p>
							</div>
						</div>
						<div class="price-row">
							<p class="price">￥3999.00<span class="original-price">￥4999.00</span> </p>
							<button class="buy-now">立即购买</button>
						</div>
					</a>
				</li>
				<li class="course-item">
					<a href="#">
						<span class="new-label">NEW</span>
						<img src="img/diushi.jpeg" alt="课程相关图片" class="top-image">
						<div class="description">
							<div class="description-content">
								<p>LLM领军专家团 - 直播授课，16大真实项目 + 多业务场景 + 跨领域技术融合全流程实战，轻松应对...</p>
							</div>
						</div>
						<div class="price-row">
							<p class="price">￥3999.00<span class="original-price">￥4999.00</span> </p>
							<button class="buy-now">立即购买</button>
						</div>
					</a>
				</li>
				<li class="course-item">
					<a href="#">
						<span class="new-label">NEW</span>
						<img src="img/diushi.jpeg" alt="课程相关图片" class="top-image">
						<div class="description">
							<div class="description-content">
								<p>LLM领军专家团 - 直播授课，16大真实项目 + 多业务场景 + 跨领域技术融合全流程实战，轻松应对...</p>
							</div>
						</div>
						<div class="price-row">
							<p class="price">￥3999.00<span class="original-price">￥4999.00</span> </p>
							<button class="buy-now">立即购买</button>
						</div>
					</a>
				</li>

			</ul>
		</section>




		<footer class="footer">
			<ul>
				<li><a href="">企业服务</a></li>
				<li><a href="">网站地图</a></li>
				<li><a href="">关于我们</a></li>
				<li><a href="">联系我们</a></li>
				<li><a href="">讲师招募</a></li>
				<li><a href="">帮助中心</a></li>
				<li><a href="">意见反馈</a></li>
				<li><a href="">企业服务</a></li>
			</ul>
		</footer>
		<script src="js/denglu.js"></script>
	</body>

</html>